<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>郴州互娱</title>
<meta name="viewport"
	content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0">
<meta name="format-detection"
	content="telephone=no,email=no,date=no,address=no">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link
	href="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/wap/css/weui.css"
	rel="stylesheet">
<link
	href="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/plugins/icon108/mmiconfont.css"
	rel="stylesheet">
<link
	href="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/wap/css/wap.css"
	rel="stylesheet">
<script
	src="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/plugins/jquery/jquery-3.1.1.min.js"></script>
<script
	src="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/plugins/layer/mobile/layer.js"></script>
<link
	href="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/plugins/layer/mobile/need/layer.css?2.0"
	type="text/css" rel="styleSheet" id="layermcss">
<script
	src="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/js/common.js"></script>
<script
	src="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/plugins/TouchSlide.1.1.js"></script>
<style>
.index-box-title {
	text-align: left
}

.discount {
	font-size: 14px;
	color: #f6ac56
}
</style>
</head>
<body>
	<div class="main-box">
		<!--图片轮播-->
		<div id="focus" class="focus" style="">
			<div class="hd">
				<ul>
					<li class="on">1</li>
					<li class="">2</li>
					<!-- <li class="">3</li>
					<li class="">4</li> -->
				</ul>
			</div>
			<div class="bd">
				<div class="tempWrap" style="overflow: hidden; position: relative;">
					<ul
						style="width: 1440px; position: relative; overflow: hidden; padding: 0px; margin: 0px; transition-duration: 200ms; transform: translate(0px, 0px) translateZ(0px);">
						<li
							style="display: table-cell; vertical-align: top; width: 360px;">
							<a href="index.html"> <img
								src="${pageContext.request.contextPath}/images/binyou/lb_01.jpg">
						</a>
						</li>
						<li
							style="display: table-cell; vertical-align: top; width: 360px;">
							<a href="index.html"> <img
								src="${pageContext.request.contextPath}/images/binyou/lb_02.jpg">
						</a>
						</li>
						
					</ul>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			$(function() {
				$('.focus').show();
				TouchSlide({
					slideCell : "#focus",
					titCell : ".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
					mainCell : ".bd ul",
					effect : "left",
					autoPlay : true,//自动播放
					autoPage : true, //自动分页
					switchLoad : "_src" //切换加载，真实图片路径为"_src"
				});
			})
		</script>
		<!--商品-->
		<div class="index-box">
			
			
		</div>
		<div class="index-box">
			<div class="index-box-title">
				<div class="title-logo">
					<img
						src="http://jujin.oss-cn-shenzhen.aliyuncs.com/uploads/images/20170216/f79e0c4b45b521ba8a22fe76b2d6b6b5.png"
						width="100%">
				</div>
				你好，欢迎来到有乐互娱。
			</div> 
			
		</div>

	</div>
	<script>
		function buy(id) {
			var ele = $('#goods_' + id);
			ZCKJ.confirm('你确定购买：' + ele.data('msg') + ' 吗？', [ '我要购买', '再看看' ],
					function(d) {
						ZCKJ.loading('请稍等...', true, 2);
						window.location.href = ele.data('href');
					})
		}
	</script>

	<style>
.weui-tabbar__label {
	font-size: 14px;
}
</style>
	<div style="height: 50px;"></div>
	<div class="weui-tabbar" id="isweixinDiv">
		<a href="index.html" class="weui-tabbar__item" id="tabbar-Index-index">
		 <span style="display: inline-block; position: relative;"> 
		 <img src="${pageContext.request.contextPath}/images/binyou/1.png"
				alt="" class="weui-tabbar__icon">
		</span>
			<p class="weui-tabbar__label">游戏</p>
		</a>
		<a href="mall_list.html"
			class="weui-tabbar__item" id="tabbar-Shop-inde">
			<img src="${pageContext.request.contextPath}/images/binyou/2.png"
			alt="" class="weui-tabbar__icon">
			<p class="weui-tabbar__label">充值</p>
		</a> 
		<!-- <a href="/wap/my/chongzhi.html" class="weui-tabbar__item"
			id="tabbar-My-chongzhi"> <img
			src="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/images/corkscrew.png"
			alt="" class="weui-tabbar__icon">
			<p class="weui-tabbar__label">充值</p>
		</a> --> 
		<a href="player.html" class="weui-tabbar__item weui-bar__item_on"
			id="tabbar-My-index"> <img
			src="${pageContext.request.contextPath}/images/binyou/4.png"
			alt="" class="weui-tabbar__icon">
			<p class="weui-tabbar__label">个人中心</p>
		</a>
	</div>
	<script>
		$(function() {
			var ua = navigator.userAgent.toLowerCase();
		    if (ua.match(/MicroMessenger/i) == "micromessenger") {
		        //return true;
		    } else {
		    	$("#isweixinDiv").css("display", "none");  
		    }
			var controller = "Shop";
			var action = "index";
			$('#tabbar-' + controller + '-' + action).addClass(
					'weui-bar__item_on');
		})
	</script>

</body>
</html>